<lv-group lvGutter="16px">
  <div
    class="aui-color"
    [style.background]="color"
    lv-color-picker
    [lvColorPickerHeader]="headerTemplate"
    [lvColorPickerFooter]="footerTemplate"
    [(lvColorPickerValue)]="color"
    (lvColorPickerValueChange)="valueChange($event)"
  ></div>

  <input [(ngModel)]="color" lv-input />
</lv-group>

<ng-template #headerTemplate>
  <h2 class="aui-color-header">拾色器</h2>
</ng-template>

<ng-template #footerTemplate>
  <div class="aui-color-footer">拾色器底部</div>
</ng-template>
